<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script setup>
import { useAppStore } from '@/stores'

const appStore = useAppStore()

// 初始化主题
appStore.initTheme()
</script>

<style>
/* 全局样式 */
html.dark {
  color-scheme: dark;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

#app {
  height: 100vh;
}

/* UnoCSS 工具类 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
</style>
